<!--<div class="content__title">-->
<!--<h1>{{filter}}</h1>-->
<!--</div>-->
<!--<pro-header [title]="'Page Name'"></pro-header>-->
<ng-container>
    <!--<div *ngFor="let list of heroList">-->
    <!--<h1>{{list.name}}</h1>-->
    <!--</div>-->
    <!--<a href="./myhero/act-publish">发布信息</a>-->
    <nz-card>
        <nz-header>{{filter}}</nz-header>
        <nz-card>
            <div class="campus-list-all">
                <div class="top-left">省份</div>
                <div class="top-right">
                    <div  *ngFor="let prov of provList">
                        <a class="mr-sm" (click)="showCity(prov.id);selProv(prov.id)">
                            <span>{{prov.province}}</span>
                        </a>
                    </div>
                </div>
            </div>

            <div class="top-right-city" *ngIf="cityList.length >0">
                <nz-card>
                <div class="top-right-city-content">
                    <div  *ngFor="let city of cityList">
                        <a class="mr-sm" (click)="selCity(city.id)">
                            <span >{{city.city}}</span>
                        </a>
                    </div>
                </div>
                </nz-card>
            </div>


            <div class="top-level">
                <div class="top-left">批次</div>
                <div class="top-right">
                    <div  *ngFor="let recor of recordList">
                        <a class="mr-sm" (click)="selLevel(recor.id)">
                            <span>{{recor}}</span>
                        </a>
                    </div>
                </div>
            </div>
        </nz-card>
    </nz-card>

    <nz-card>
        <div class="main-container">
            <div style="display: flex">
            <a>校园活动</a>
            <div> > 共 {{totalCount}} 所高校</div>
            </div>

            <div style="display: flex">
                <nz-input [nzType]="search"  [nzPlaceHolder]= "'请输入学校名称'" [(ngModel)]="schCond"></nz-input>
                <button nz-button (click)="search(1)" >搜索 </button>
            </div>
        </div>
        <!--style="width: 30%;margin: 1%;"-->
        <div  class="campus-list-all">
         <div *ngFor="let i of uniCampList "  class="perChosen">
             <nz-card class="nz-list">
                 <div class="container-list">
                     <div class="container-img-list">
                         <a [routerLink]="['/campus/school-detail' ,i.uniId]">  <img src="assets/img/coffee1.jpg" class="container-img"> </a>
                 </div>

                     <div class="container-count">
                         <span >{{i.uniName}} </span>
                         <div> &nbsp;&nbsp; {{i.campus.length}} 个社团 </div>
                     </div>
                     <div class="container-campus-list">
                         <div *ngFor="let cp of i.campus " style="width: 30%;margin: 1%;">
                             <a  [routerLink]="['/campus/group-detail' ,cp.id]"><img src="assets/img/coffee1.jpg" ></a>
                             <!--<img [src]=-->

                         </div>
                     </div>

                 </div>
             </nz-card>
         </div>


            <div class="page-container">
                <nz-pagination [(nzPageIndex)]="page.pageNum" [nzTotal]="page.total"
                               [(nzPageSize)]="page.pageSize" (nzPageIndexChange)="search(page.pageNum)">
                </nz-pagination>
            </div>
        </div>

        <!--<div style="display: flex; flex-wrap: wrap;" class="pad">-->
            <!--<div *ngFor="let i of cityList " style="width: 45%;margin: 1%;">-->
                <!--<nz-card>-->
                    <!--<div style="display: flex; flex-direction: column; width: inherit">-->
                        <!--<div style="justify-content: center;align-items: center;width: inherit;display: flex">-->
                            <!--<img src="assets/img/coffee1.jpg" style="border-radius: 100%;width: 100px; height: 100px; ">-->
                        <!--</div>-->

                        <!--<div style="display: flex;justify-content: center;align-items:">-->
                            <!--<span style="background-color: #00b7ee; color: #bce8f1; font-size: medium">已入驻 </span>-->
                            <!--<div> &nbsp;&nbsp; {{i}} 个社团 </div>-->
                        <!--</div>-->
                        <!--<div style="display: flex; width: inherit; flex-wrap: wrap">-->
                            <!--<div *ngFor="let s of slides " style="width: 30%;margin: 1%;">-->
                                <!--<img [src]="s.image"  style="border-radius: 100%;width: 60px; height: 60px; ">-->

                            <!--</div>-->
                        <!--</div>-->

                    <!--</div>-->
                <!--</nz-card>-->
            <!--</div>-->

        <!--</div>-->

        <!--<div style="display: flex; flex-wrap: wrap;" class="phone">-->
            <!--<div *ngFor="let i of cityList " style="width: 95%;margin: 1%;">-->
                <!--<nz-card>-->
                    <!--<div style="display: flex; flex-direction: column; width: inherit">-->
                        <!--<div style="justify-content: center;align-items: center;width: inherit;display: flex">-->
                            <!--<img src="assets/img/coffee1.jpg" style="border-radius: 100%;width: 100px; height: 100px; ">-->
                        <!--</div>-->

                        <!--<div style="display: flex;justify-content: center;align-items:">-->
                            <!--<span style="background-color: #00b7ee; color: #bce8f1; font-size: medium">已入驻 </span>-->
                            <!--<div> &nbsp;&nbsp; {{i}} 个社团 </div>-->
                        <!--</div>-->
                        <!--<div style="display: flex; width: inherit; flex-wrap: wrap">-->
                            <!--<div *ngFor="let s of slides " style="width: 30%;margin: 1%;">-->
                                <!--<img [src]="s.image"  style="border-radius: 100%;width: 60px; height: 60px; ">-->

                            <!--</div>-->
                        <!--</div>-->

                    <!--</div>-->
                <!--</nz-card>-->
            <!--</div>-->

        <!--</div>-->
    </nz-card>

</ng-container>
